<template>
  <el-form ref="elForm" :model="formData" :rules="rules" size="medium" label-width="120px">
    <el-row :gutter="15">
      <el-col :span="4">
        <el-form-item label="所属单位：">
          <el-select v-model="formData.station" clearable :style="{width: '100%'}">
            <el-option
              v-for="(item, index) in stationList"
              :key="index"
              :label="item.name"
              :value="item.code"
              :disabled="item.disabled"
            ></el-option>
          </el-select>
        </el-form-item>
      </el-col>
      <el-col :span="4">
        <el-form-item label="维护班组：">
          <el-select v-model="formData.station" clearable :style="{width: '100%'}">
            <el-option
              v-for="(item, index) in stationList"
              :key="index"
              :label="item.name"
              :value="item.code"
              :disabled="item.disabled"
            ></el-option>
          </el-select>
        </el-form-item>
      </el-col>
      <el-col :span="4">
        <el-form-item label="电压等级：">
          <el-select v-model="formData.station" clearable :style="{width: '100%'}">
            <el-option
              v-for="(item, index) in stationList"
              :key="index"
              :label="item.name"
              :value="item.code"
              :disabled="item.disabled"
            ></el-option>
          </el-select>
        </el-form-item>
      </el-col>
      <el-col :span="4">
        <el-form-item label="变电站：">
          <el-select v-model="formData.station" clearable :style="{width: '100%'}">
            <el-option
              v-for="(item, index) in stationList"
              :key="index"
              :label="item.name"
              :value="item.code"
              :disabled="item.disabled"
            ></el-option>
          </el-select>
        </el-form-item>
      </el-col>

      <el-col :span="4">
        <el-form-item label="所属一次设备：" prop="station">
          <el-input v-model="formData.station" clearable :style="{width: '100%'}"></el-input>
        </el-form-item>
      </el-col>
            <el-col :span="4">
        <el-form-item label="装置名称：" prop="station">
          <el-input v-model="formData.station" clearable :style="{width: '100%'}"></el-input>
        </el-form-item>
      </el-col>
     <el-col :span="4">
        <el-form-item label="是否报警：">
          <el-select v-model="formData.station" clearable :style="{width: '100%'}">
            <el-option
              v-for="(item, index) in stationList"
              :key="index"
              :label="item.name"
              :value="item.code"
              :disabled="item.disabled"
            ></el-option>
          </el-select>
        </el-form-item>
      </el-col>
      <el-col :span="4" :offset="16"  class="endbox">
        <el-button type="primary">查询</el-button>
        <el-button type="primary">重置</el-button>
      </el-col>
    </el-row>
  </el-form>
</template>

<script lang="ts">
import { Component, Vue } from "vue-property-decorator";

@Component
export default class extends Vue {
  formData = {};
  rules = {};
}
</script>

<style lang="scss" scoped>
</style>

